// Copyright 2018 The Cockroach Authors.
//
// Use of this software is governed by the Business Source License
// included in the file licenses/BSL.txt.
//
// As of the Change Date specified in that file, in accordance with
// the Business Source License, use of this software will be governed
// by the Apache License, Version 2.0, included in the file
// licenses/APL.txt.

@require "~styl/base/palette.styl"
@require '~src/components/core/index.styl'

.summary--card
  border-radius 3px
  box-shadow 0px 0px 1px rgba(67, 90, 111, 0.415)
  background-color $colors--neutral-0
  padding 22px
  margin-bottom 15px
  &__divider
    width 100%
    height 1px
    margin 22px 0
    background $table-border
  &__title
    font-family SourceSansPro-Regular
    font-size 20px
    line-height 1.6
    letter-spacing -0.2px
    color $popover-color
    margin-bottom 25px
  &__counting
    &--value
      font-family $font-family--bold
      font-size $font-size--x-large
      line-height $line-height--x-large
      color $colors--neutral-7
      margin-bottom 15px
    &--label
      font-family $font-family--base
      font-size $font-size--medium
      line-height 22px
      letter-spacing 0.1px
      color $colors--neutral-6
      margin-bottom 0
  &__item
    display flex;
    justify-content space-between
    margin-bottom 10px
    &--label
      font-family SourceSansPro-Regular
      font-size 14px
      line-height 1.57
      letter-spacing 0.1px
      color $secondary-text-color
      margin-right 5px
      margin-bottom 0
    &--value
      font-family SourceSansPro-Regular
      font-size 14px
      font-weight 600
      line-height 1.71
      letter-spacing 0.1px
      color $popover-color
      margin-bottom 0
      &-red
        color $alert-color
